<template>
  <button @click="isShow = !isShow">{{ isShow ? "隐藏" : "显示" }}</button>
  <h2 v-show="isShow">
    这段文字的显示与隐藏完全是由isShow控制的,css的display控制
  </h2>
</template>

<script lang="ts">
import { ref } from "vue";
export default {
  setup() {
    let isShow = ref(true);
    return { isShow };
  },
};
</script>
<style scoped></style>
